/** margin-top **/
.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mr16 {
  margin-right: 16px;
}

.mt16 {
  margin-top: 16px;
}

.mr20 {
  margin-right: 20px;
}

.mt20 {
  margin-top: 20px;
}

/** margin-left **/
.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml16 {
  margin-left: 16px;
}

.ml20 {
  margin-left: 20px;
}

.ml-auto {
  margin-left: auto;
}

.pd20 {
  padding: 20px;
}

.pt20 {
  padding-top: 20px;
}

.bgc-fff {
  background-color: #fff;
}

.bd-radius-4 {
  border-radius: 4px;
}

.fc-4E5969 {
  color: #4E5969;
}

.fc-8893A6 {
  color: #8893A6;
}

.fw-500 {
  font-weight: 500;
}

@cl-main: #FF6923;

.cl-main {
  color: @cl-main;
}

.g-pointer {
  cursor: pointer;
}

.g-link {
  cursor: pointer;
  color: #FF6923;
}

.g-flex-layout(@just: flex-start; @alin: center) {
  display: flex;
  justify-content: @just;
  align-items: @alin;
}

.g-flex {
  display: flex;
}

.g-flex-row {
  display: flex;
  align-items: center
}

.g-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}


.g-flex-around {
  display: flex;
  justify-content: space-around;
}

.g-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.g-flex1 {
  flex: 1;
}

// 溢出省略
.g-text-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.g-text-hidden-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.g-text-right {
  text-align: right;
}
.g-text-center {
  text-align: center;
}